<style>
    input[type="checkbox"] {
            -webkit-appearance: none;
            height: 12px;
            width: 12px;
            border-radius: 6px;
            vertical-align: middle;
            background: #ffffff;
            margin: 0 5px;
            border: 1px solid rgba(115, 123, 145, 1);
        }
    
        input[type="checkbox"]:checked {
            background: url('/assets/img/speech-ch.png') no-repeat center top;
            background-size: 100% 100%;
        }
    
        .checked-l {
            color: rgba(115, 123, 145, 1);
            display: flex;
            flex-direction: row;
            align-items: center;
            height: 23px;
        }
    
        .checked-l input {
            margin-right: 15px;
        }
        textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                color: #ddd !important;
            }
    
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #ddd !important;
            }
    
            textarea::-moz-placeholder{
                /* Mozilla Firefox 19+ */
                color: #ddd !important;
            }
    
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                color: #ddd !important;
            }
            .no-synthesis,.synthesis{
            display: none;
        }
        .checked-l p{
            color: #999;
        }
        .guide-btn,.no-guide-btn{
    margin-top:7px;
        }
        input[type='radio']{
            display: none;
        }
    </style>
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <!--
    <div class="form-group">
        <label for="c-admin_id" class="control-label col-xs-12 col-sm-2">{:__('Admin_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-admin_id" data-rule="required" data-source="auth/admin/index" data-field="nickname" class="form-control selectpage" name="row[admin_id]" type="text" value="{$row.admin_id}">
        </div>
    </div>
-->
    <div class="form-group">
        <label for="c-name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name}">
        </div>
    </div>
    <div class="form-group hidden disabled">
        <label for="c-type" class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-type" data-rule="required" class="form-control selectpicker" name="row[type]">
            {foreach name="typeList" item="vo"}
            <option value="{$key}" {in name="key" value="$row.type" }selected{/in}>{$vo} </option> {/foreach} </select>
                </div> </div> <div class="form-group">
                <label for="c-file" class="control-label col-xs-12 col-sm-2">{:__('File')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group guide">
                        <input id="c-file" class="form-control" size="50" name="row[file]"
                            type="text" value="{$row.file}">
                        <div class="input-group-addon no-border no-padding">
                            <span>
                                <script src="/gongji/Recorderjs-master/recorder.js"></script>
                                <button type="button" id="record-file" class="btn btn-info record"><i class="fa fa-microphone"></i>
                                    <span>录制</span></button>
                                <button type="button" id="plupload-file" class="btn btn-info plupload"
                                    data-input-id="c-file" data-input-file-size-id="c-file_size"
                                    data-input-file-format-id="c-file_format" data-multiple="false" data-mimetype="wav"><i
                                        class="fa fa-upload"></i> {:__('Upload')}</button>
                            </span>
                            <!--                    <span><button type="button" id="fachoose-file" class="btn btn-primary fachoose" data-input-id="c-file" data-input-file-size-id="c-file_size" data-input-file-format-id="c-file_format" data-multiple="false" data-mimetype="wav"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
-->
                        </div>
                        <span class="msg-box n-right" for="c-file"></span>
                    </div>
                    <div class="synthesis">
                        <textarea class="form-control" rows="6" cols="81" name="row[content]" placeholder="请输入文字内容，示例：尊敬的#name#您好，您尾号为#numberr#的广发卡#date#月人民币账单金额#money#元已逾期30天未还，请及时还款！">{$row.content}</textarea>
                    </div>
                    <div class="col-xs-12 col-sm-2 guide-btn">
                        <input type="checkbox" />
                        <input type="radio" value="{$row.tts}" checked="checked" />
                        <span>{:__('TTS')}</span>
                    </div>
                </div>
    </div>
    <div class="form-group guide">
        <label for="c-file_size" class="control-label col-xs-12 col-sm-2">{:__('File_size')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-file_size" class="form-control" name="row[file_size]" type="number"
                value="{$row.file_size}" readonly="readonly">
        </div>
    </div>
    <div class="form-group guide">
        <label for="c-file_format" class="control-label col-xs-12 col-sm-2">{:__('File_format')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-file_format" class="form-control" name="row[file_format]" type="text"
                value="{$row.file_format}" readonly="readonly">
        </div>
    </div>
    <input name="row[old_file]" type="text" value="{$row.file}" style="display:none;"/>
    <input name="row[old_content]" type="text" value="{$row.content}" style="display:none;"/>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8" style='text-align: center;'>
            <button type="submit" class="btn btn-info btn-embossed disabled" style='margin-right: 10px;padding:3px 12px;'>{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed" style='padding:4px 12px;'>{:__('Reset')}</button>
        </div>
    </div>
</form>